<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>  
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<% 
	request.setCharacterEncoding("utf-8");	
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Insert title here</title>
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link type="text/css" href="css/global.css" rel="stylesheet" />
</head>
<body>
	
	<div id="contents">
			<h2 style="text-align: center">로그인</h2>
			<form id="loginfrm">
				<div>
					<label>아이디</label>
					<input type="text" name="userId" id="userId" />
				</div>
				<div>
					<label>비밀번호</label>
					<input type="password" name="userPw" id="userPw" />
				</div>
				<div>
					<label>&nbsp;</label>
					<button type="button" id="loginbtn">로그인</button>
				</div>
			</form>
		</div>        


<script src="js/jquery-1.11.1.min.js"></script>
        <script>
        	$("#loginbtn").click(function() { loginMember(); });
        	// 로그인 버튼 클릭시 로그인 처리를 위해  
        	// loginMember()가 실행되도록 클릭 이벤트 생성
        	
        	function loginMember() {
        		if ($("#userId").val() == "") alert("아이디 입력하세요!");
        		else if ($("#userPw").val() == "") alert("비밀번호 입력하세요!");
        		else {
        			$("#loginfrm").attr("method", "post")
        			.attr("LoginAction", "login.mvc&userId=${userId}&userPw=${userPw}").submit();
        			
        		
        			
        		}	
        	} // 로그인 처리 전 필요한 정보가 제대로 입력되었는지 확인하고
        	// 입력된 정보를 서버의 loginok.jsp로 POST방식으로 요청
        </script>
</body>
</html>